<!DOCTYPE html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en">
    <head>
        <!-- HEAD -->
        <?php include 'template/head_view.php'; ?>
        <!--/ HEAD -->
    </head>
    <body role="document">
        <!-- GOOGLE ANALYTICS -->
        <?php include 'template/google_analytics_view.php'; ?>
        <!--/ GOOGLE ANALYTICS -->
        <div class="wrap">
            <!-- TOP -->
            <?php include 'template/top_view.php'; ?>
            <!--/ TOP -->
            <!-- MAIN -->
            <div class="container margin-bottom-max" role="main">
                <div id="carousel-home" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-home" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-home" data-slide-to="1"></li>
                        <li data-target="#carousel-home" data-slide-to="2"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="<?php echo Helpers::baseUrl('webroot/img/bg1.jpg') ?>" alt="Lojas Virtuais"/>
                            <div class="carousel-caption">
                                <div class="font-color-white">
                                    <h3 class="font-color-yellow margin-top-max">Lojas Virtuais</h3>
                                    <p>Diversos modelos de lojas.</p>
                                    <p>Integração com diversos serviços e aplicativos.</p>
                                    <p>Pedidos + Cadastros de Usuários + Acompanhamento.</p>
                                    <p>Formas de pagamentos em cartões de crédito via PayPal ou PagSeguro.</p>
                                    <p>Cálculo de frete.</p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="<?php echo Helpers::baseUrl('webroot/img/bg2.jpg') ?>" alt="Sistemas Web" />
                            <div class="carousel-caption">
                                <div class="panel font-color-white">
                                    <h3 class="font-color-yellow margin-top-max">Sistemas</h3>
                                    <p>Sistemas para gerenciamento do seu projeto, idéia, empresa...</p>
                                    <p>Painel administrativo e controle de acesso de usuários com permissões específicas.</p>
                                    <p>Banco de dados.</p>
                                    <p>Tecnologia JSF (Java Servet Faces) com layout e componentes de fácil interação.</p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="<?php echo Helpers::baseUrl('webroot/img/bg3.jpg') ?>" alt="Sites"/>
                            <div class="carousel-caption">
                                <div class="panel">
                                    <h3 class="font-color-yellow margin-top-max">Sites</h3>
                                    <p>Desenvolvimento de projetos personalizados seguindo as mais novas tendências do mercado.</p>
                                    <p>Integração com midias / redes sociais.</p>
                                    <p>Ferramentas Analytics (Google / Bing / Yahoo).</p>
                                    <p>Páginas estáticas, dinâmicas, blogs, lojas virtuas e hotsites.</p>
                                    <p>Personalização de blogs com WordPress.</p>									
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-home" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </a>
                    <a class="right carousel-control" href="#carousel-home" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </a>
                </div> 
            </div>
        </div>
        <!-- MAIN -->
        <!-- FOOTER -->
        <?php include 'template/footer_view.php'; ?>
        <!--/ FOOTER -->
    </body>
</html>